<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="css/style.css" />
		<title></title>
	</head>
	<body>
		<div id="cans">
			<video controls="controls" id="video"　src="" poster="" height="500px" width="500px">
				
			</video>
			<aside id="playList">
				<header>
					<h4>播放列表</h4>
				</header>
				<ul id="url">
					<li value="video/VID_20170323_193609.mp4" title="进球瞬间">进球瞬间</li>
					<li value="video/VID_20170323_215451.mp4" title="胜利庆祝">胜利庆祝</li>
					<li value="video/VID_20170323_193609.mp4" title="进球瞬间">进球瞬间</li>
					<li value="video/VID_20170323_215451.mp4" title="胜利庆祝">胜利庆祝</li>
					<li value="video/VID_20170323_193609.mp4" title="进球瞬间">进球瞬间</li>
					<li value="video/VID_20170323_215451.mp4" title="胜利庆祝">胜利庆祝</li>
				</ul>
				<!--<button title="展开播放列表" id="playList-show"> > </button>-->
				<button title="收起播放列表" id="playList-hidden">  </button>
			</aside>
			<button title="展开播放列表" id="playList-show1">  </button>
			
		</div>
	</body>
	<script type="text/javascript" src="js/jquery.min.js" ></script>
	<script type="text/javascript" src="js/main.js" ></script>
</html>
